<template>
	<view class="container">
		<!-- <view class="base-image">
			<image src="../../static/imgs/home/base.png"></image>
		</view>
		<view class="base-tips">
			教培基地功能正在建设，敬请期待
		</view> -->
		<headerTab :tabs="tabs" :currentTab="currentTab" @clickItem="clickItem"></headerTab>
		<image :src="bgImage" mode="widthFix" class="bgImgClass"></image>
	</view>
</template>

<script>
	import headerTab from "../../components/header_tab/index.vue";
	export default {
		components:{
			headerTab
		},
		data(){
			return{
				tabs:[
					{
						name:'机构教培'
					},{
						name:'个人教培'
					}
				],
				currentTab:0,
				bgImage:'http://qiniu.aobeitineng.com/base/organ%402x.png',
			}
		},
		methods:{
			clickItem(index){
				this.currentTab = index
				if(index==0){
					this.bgImage = 'https://qiniu.aobeitineng.com/base/jidi.jpg'
				}else{
					this.bgImage = 'https://qiniu.aobeitineng.com/base/gr.jpg'
				}
			},
		},
	}
</script>

<style lang="scss" scoped>
	.bgImgClass{
		width: 100%;
	}
	.base-image image{
		width: 100%;
		height: 300rpx;
	}
	.base-tips{
		font-size: 24rpx;
		font-weight: 400;
		color: $uni-text-color-black;
		text-align: center;
		margin-top:30rpx;
	}
</style>